<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">用户管理</h1>
</div>

<div class="wrapper-md">
    <div class="row">
        <div class="col-sm-12">
            <form class="form-inline form-search" name="searchForm" novalidate>
                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-addon">姓名 / 手机号</div>
                        <input type="text" placeholder="姓名 / 手机号" class="form-control"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-addon">账号状态</div>
                        <select class="form-control">
                            <option value="0">全部</option>
                            <option value="0">启用</option>
                            <option value="0">禁用</option>
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-addon">角色</div>
                        <select class="form-control">
                            <option value="0">全部</option>
                            <option value="0">管理员</option>
                            <option value="0">监考老师</option>
                            <option value="0">考务监督员</option>
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <button class="btn btn-primary" data-ng-click="search()" data-ng-disabled="searchForm.$invalid" type="submit">查询</button>
                    <button class="btn btn-default" data-ng-click="reset()">重置</button>
                </div>
            </form>
        </div>
    </div>

    <div class="row m-b-sm">
        <div class="col-sm-12 clearfix">
            <button class="btn btn-dark m-r-sm pull-left" data-ng-click="checkAll()"><i class="fa fa-check-square-o"></i> 选择全部</button>
            <button class="btn btn-dark m-r-sm pull-left" data-ng-click="uncheckAll()"><i class="fa fa-square-o"></i> 取消全部</button>
            <button class="btn btn-danger pull-left"><i class="fa fa-lock"></i> 批量重置密码</button>
            <button class="btn btn-default m-l-sm pull-right"><i class="fa fa-download"></i> 模板下载</button>
            <button class="btn btn-default pull-right"><i class="fa fa-upload"></i> 批量导入</button>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading">用户列表</div>

                <table class="table table-normal table-striped table-bordered table-hover m-b-none text-muted">
                    <thead>
                    <tr>
                        <th width="50">&nbsp;</th>
                        <th>账号</th>
                        <th>角色</th>
                        <th>姓名</th>
                        <th>手机号</th>
                        <th>账号状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><div class="checkbox m-t-none m-b-none"><label class="i-checks"><input type="checkbox" data-ng-model="subject.checked"><i></i></label></div></td>
                        <td>admin</td>
                        <td>超级管理员</td>
                        <td>张学川</td>
                        <td class="number">13923458932</td>
                        <td class="short-str"><span class="label label-success">启用</span></td>
                        <td class="operation">
                            <button class="btn btn-xs btn-info">编辑</button>
                            <button class="btn btn-xs btn-warning">重置密码</button>
                            <button class="btn btn-xs btn-danger">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checkbox m-t-none m-b-none"><label class="i-checks"><input type="checkbox" data-ng-model="subject.checked"><i></i></label></div></td>
                        <td>JK13828900321</td>
                        <td>监考老师</td>
                        <td>张琼</td>
                        <td class="number">13828900321</td>
                        <td class="short-str"><span class="label label-maroon">禁用</span></td>
                        <td class="operation">
                            <button class="btn btn-xs btn-info">编辑</button>
                            <button class="btn btn-xs btn-warning">重置密码</button>
                            <button class="btn btn-xs btn-danger">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checkbox m-t-none m-b-none"><label class="i-checks"><input type="checkbox" data-ng-model="subject.checked"><i></i></label></div></td>
                        <td>JK13378563920</td>
                        <td>考务监督员</td>
                        <td>方芳</td>
                        <td class="number">13378563920</td>
                        <td class="short-str"><span class="label label-success">启用</span></td>
                        <td class="operation">
                            <button class="btn btn-xs btn-info">编辑</button>
                            <button class="btn btn-xs btn-warning">重置密码</button>
                            <button class="btn btn-xs btn-danger">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checkbox m-t-none m-b-none"><label class="i-checks"><input type="checkbox" data-ng-model="subject.checked"><i></i></label></div></td>
                        <td>admin</td>
                        <td>超级管理员</td>
                        <td>张学川</td>
                        <td class="number">13923458932</td>
                        <td class="short-str"><span class="label label-success">启用</span></td>
                        <td class="operation">
                            <button class="btn btn-xs btn-info">编辑</button>
                            <button class="btn btn-xs btn-warning">重置密码</button>
                            <button class="btn btn-xs btn-danger">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checkbox m-t-none m-b-none"><label class="i-checks"><input type="checkbox" data-ng-model="subject.checked"><i></i></label></div></td>
                        <td>JK13828900321</td>
                        <td>监考老师</td>
                        <td>张琼</td>
                        <td class="number">13828900321</td>
                        <td class="short-str"><span class="label label-maroon">禁用</span></td>
                        <td class="operation">
                            <button class="btn btn-xs btn-info">编辑</button>
                            <button class="btn btn-xs btn-warning">重置密码</button>
                            <button class="btn btn-xs btn-danger">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checkbox m-t-none m-b-none"><label class="i-checks"><input type="checkbox" data-ng-model="subject.checked"><i></i></label></div></td>
                        <td>JK13378563920</td>
                        <td>考务监督员</td>
                        <td>方芳</td>
                        <td class="number">13378563920</td>
                        <td class="short-str"><span class="label label-success">启用</span></td>
                        <td class="operation">
                            <button class="btn btn-xs btn-info">编辑</button>
                            <button class="btn btn-xs btn-warning">重置密码</button>
                            <button class="btn btn-xs btn-danger">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checkbox m-t-none m-b-none"><label class="i-checks"><input type="checkbox" data-ng-model="subject.checked"><i></i></label></div></td>
                        <td>admin</td>
                        <td>超级管理员</td>
                        <td>张学川</td>
                        <td class="number">13923458932</td>
                        <td class="short-str"><span class="label label-success">启用</span></td>
                        <td class="operation">
                            <button class="btn btn-xs btn-info">编辑</button>
                            <button class="btn btn-xs btn-warning">重置密码</button>
                            <button class="btn btn-xs btn-danger">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checkbox m-t-none m-b-none"><label class="i-checks"><input type="checkbox" data-ng-model="subject.checked"><i></i></label></div></td>
                        <td>JK13828900321</td>
                        <td>监考老师</td>
                        <td>张琼</td>
                        <td class="number">13828900321</td>
                        <td class="short-str"><span class="label label-maroon">禁用</span></td>
                        <td class="operation">
                            <button class="btn btn-xs btn-info">编辑</button>
                            <button class="btn btn-xs btn-warning">重置密码</button>
                            <button class="btn btn-xs btn-danger">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checkbox m-t-none m-b-none"><label class="i-checks"><input type="checkbox" data-ng-model="subject.checked"><i></i></label></div></td>
                        <td>JK13378563920</td>
                        <td>考务监督员</td>
                        <td>方芳</td>
                        <td class="number">13378563920</td>
                        <td class="short-str"><span class="label label-success">启用</span></td>
                        <td class="operation">
                            <button class="btn btn-xs btn-info">编辑</button>
                            <button class="btn btn-xs btn-warning">重置密码</button>
                            <button class="btn btn-xs btn-danger">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checkbox m-t-none m-b-none"><label class="i-checks"><input type="checkbox" data-ng-model="subject.checked"><i></i></label></div></td>
                        <td>JK13828900321</td>
                        <td>监考老师</td>
                        <td>张琼</td>
                        <td class="number">13828900321</td>
                        <td class="short-str"><span class="label label-maroon">禁用</span></td>
                        <td class="operation">
                            <button class="btn btn-xs btn-info">编辑</button>
                            <button class="btn btn-xs btn-warning">重置密码</button>
                            <button class="btn btn-xs btn-danger">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="7" class="text-center">暂无数据！</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="row" data-ng-init="paginationInfo = {currentPage: 1, totalItems: 157, maxSize: 10, itemsPerPage: 3}">
        <div class="col-sm-4">
            <p class="page-info">共 {{paginationInfo.totalItems}} 条记录，当前 {{paginationInfo.currentPage}} / {{totalPages}} 页</p>
        </div>
        <div class="col-sm-8 text-right text-center-xs m-b-none m-t-none">
            <uib-pagination class="m-b-none m-t-none"
                            data-ng-model="paginationInfo.currentPage"
                            data-ng-change="pageChanged()"
                            data-total-items="paginationInfo.totalItems"
                            data-max-size="paginationInfo.maxSize"
                            data-items-per-page="paginationInfo.itemsPerPage"
                            data-boundary-links="true"
                            data-rotate="true"
                            data-num-pages="totalPages"
                            data-first-text="首页"
                            data-previous-text="上一页"
                            data-next-text="下一页"
                            data-last-text="尾页">
            </uib-pagination>
        </div>
    </div>
</div>